---
title: Các chuỗi
description: Tùy chỉnh chuỗi
---

# Các chuỗi

## Tùy chỉnh chuỗi

RainbowKit được thiết kế để tích hợp với [đối tượng `chain` của wagmi](https://wagmi.sh/react/chains). Xem danh sách các chuỗi được hỗ trợ [tại đây](https://wagmi.sh/react/chains#supported-chains).

### Tùy chỉnh chuỗi khởi đầu

Theo mặc định, RainbowKit sẽ kết nối với chuỗi đầu tiên được cung cấp cho Wagmi. Hành vi này có thể tùy chỉnh qua thuộc tính `initialChain`.

Chuỗi khởi đầu có thể được cấu hình bằng ID chuỗi.

```tsx
<RainbowKitProvider initialChain={1}>
```

Để tiện lợi, bạn cũng có thể chuyển một đối tượng chuỗi.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### Siêu dữ liệu chuỗi tùy chỉnh

Một số biểu tượng và hình nền chuỗi được cung cấp theo mặc định, nhưng bạn có thể tùy chỉnh biểu tượng và nền cho từng chuỗi bằng các thuộc tính `iconUrl` và `iconBackground`.

Ví dụ với `getDefaultConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

Ví dụ với `createConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
